.login-bg{
	width: 100%;
    height: 100%;
    background: url(../images/loginbg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 100vh;
}
.login-box{
	background: #fff;
	height: 470px;
	border-radius: 20px;
	padding:30px 104px 60px 104px;
	width: 992px;
	position: absolute;
	top:50%;
	margin-top: -280px;
	left:50%;
	margin-left:-600px;
}
.login-box .info .tongzhi{
	font-size: 14px;
	color: #ff0000;
	line-height:30px;
	background: url(../images/notice.png) no-repeat left center;
	padding-left: 30px;
}
.login-box .info figure{
	width: 463px;
	height: 332px;
	padding-top: 50px;
}
.login-box .info figure img{
	width: 463px;
	height: 332px;
}
.login-box .info .login-tel{
	line-height: 48px;
}
.login-box .info .login-tel label{
	font-size: 18px;
}
.login-box .info .login-tel span{
	font-size: 24px;
	padding-left: 20px;
}
.login-box .login-title{
	text-align: center;
}
.login-box .login-title h3{
	font-size: 36px;
	line-height: 72px;
}
.login-box .login-title p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.login-box .login-con{
	padding-top: 20px;
}
.login-box .login-con .inptext{
	height: 64px;
	line-height: 64px;
	border-bottom: 1px solid #3388ff;
	width: 270px;
	padding-left: 60px;
	margin-bottom: 10px;
}
.login-box .login-con .username{
	background: url(../images/reg_04.png) no-repeat 10px center;
}
.login-box .login-con .password{
	background: url(../images/reg_02.png) no-repeat 10px center;
}
.login-box .login-con input::-webkit-input-placeholder{
    color:#666;
    font-size: 16px;
}
.login-box .login-con input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#666;
    font-size: 16px;
}
.login-box .login-con input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#666;
    font-size: 16px;
}
.login-box .login-con input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#666;
    font-size: 16px;
}
.login-box .login-con .yzm-con{
	margin-top: 10px;
}
.login-box .login-con .inpyam{
	width: 148px;
	height: 46px;
	border:1px solid #aaaaaa;
	padding-left: 10px
}
.login-box .login-con .yzm-img{
	width: 147px;
	height: 46px;
	border:1px solid #aaaaaa;
	cursor: pointer;
}
.login-box .login-con button{
	width: 320px;
	height: 50px;
	background: #3388ff;
	border-radius: 25px;
	font-size: 18px;
	color: #fff;
	margin:10px 5px 0 5px;
	cursor:pointer ;
	outline:none;
	box-shadow: none;
}
.login-box .login-menu{
	margin-top: 20px;
	overflow: hidden;
}
.login-box .login-menu li{
	float: left;
	font-size: 14px;
	line-height: 14px;
	padding:0 10px;
}
.login-box .login-menu li a{
	color: #666666;
}
.login-box .login-menu li:nth-of-type(1){
	border-right: 1px solid #666666;
}
.login-box .login-menu li:nth-of-type(2){
	margin-right: 10px;
}
.login-box .login-menu li:nth-of-type(3){
	float: right;
}
.reg-box{
	height: 520px!important;
	margin-top: -305px;
}
.reg-con .inptext{
	height: 40px!important;
	line-height: 40px!important;
}
.reg-con .qq{
	background: url(../images/QQ.png) no-repeat 10px center;
}
.reg-con .phone{
	background: url(../images/phone.png) no-repeat 10px center;
}
.user-agreement{
	overflow: hidden;
	line-height: 30px;
	font-size: 14px;
	clear: #999;
}
.user-agreement input{
	margin-top: 8px;
	margin-right: 5px;
}
.user-agreement input,
.user-agreement span,
.user-agreement a{
	float: left;
}
.user-agreement a{
	color:red;
}